<!doctype html>
<html lang="en-US">
<head>

  <title>何国钒个人简历</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="HandheldFriendly" content="true">
  <meta name="author" content="bslthemes" >

  <!-- Fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost%3A0%2C100%3B0%2C200%3B0%2C300%3B0%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C800%3B0%2C900%3B1%2C100%3B1%2C200%3B1%2C300%3B1%2C400%3B1%2C500%3B1%2C600%3B1%2C700%3B1%2C800%3B1%2C900%7CCaveat%3A400%3B500%3B600%3B700&#038;display=swap" type="text/css" media="all" >
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=auto" type="text/css" media="all" >

  <!-- CSS STYLES -->
  <link rel="stylesheet" href="assets/css/vendors/bootstrap.css" type="text/css" media="all" >
  <link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css" type="text/css" media="all" >
  <link rel="stylesheet" href="assets/css/vendors/magnific-popup.css" type="text/css" media="all" >
  <link rel="stylesheet" href="assets/css/vendors/splitting.css" type="text/css" media="all" >
  <link rel="stylesheet" href="assets/css/vendors/swiper.css" type="text/css" media="all" >
  <link rel="stylesheet" href="assets/css/vendors/animate.css" type="text/css" media="all" >
  <link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" >
  <link rel="stylesheet" href="assets/css/dark.css" type="text/css" media="all" >

  <!-- Favicon -->
	<link rel="shortcut icon" href="assets/images/V.png" type="image/x-icon">
	<link rel="icon" href="assets/images/V.png" type="image/x-icon">

</head>

<body class="home light-skin">
	<div class="container-page">

		<!-- Preloader -->
		<div class="preloader">
			<div class="centrize full-width">
				<div class="vertical-center">
					<div class="spinner-logo">
						<img src="assets/images/VFhawk4.png" alt="Luique - Personal Portfolio HTML Template" >
						<div class="spinner-dot"></div>
						<div class="spinner spinner-line"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- Header -->
		<header class="header">
			<div class="header__builder">
        <div class="row">
          <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

            <!-- logo -->
            <div class="logo">
              <a href="index.html">
                <img width="228" height="38" src="assets/images/VFhawk4.png" alt="" >
              </a>
            </div>

          </div>
          <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 align-right">

						<!-- switcher btn -->
						<a href="#" class="switcher-btn">
							<span class="sw-before">
								<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23">
									<path id="Dark_Theme" data-name="Dark Theme" fill="#000" d="M1759.46,111.076a0.819,0.819,0,0,0-.68.147,8.553,8.553,0,0,1-2.62,1.537,8.167,8.167,0,0,1-2.96.531,8.655,8.655,0,0,1-8.65-8.682,9.247,9.247,0,0,1,.47-2.864,8.038,8.038,0,0,1,1.42-2.54,0.764,0.764,0,0,0-.12-1.063,0.813,0.813,0,0,0-.68-0.148,11.856,11.856,0,0,0-6.23,4.193,11.724,11.724,0,0,0,1,15.387,11.63,11.63,0,0,0,19.55-5.553A0.707,0.707,0,0,0,1759.46,111.076Zm-4.5,6.172a10.137,10.137,0,0,1-14.29-14.145,10.245,10.245,0,0,1,3.38-2.836c-0.14.327-.29,0.651-0.41,1.006a9.908,9.908,0,0,0-.56,3.365,10.162,10.162,0,0,0,10.15,10.189,9.776,9.776,0,0,0,3.49-.62,11.659,11.659,0,0,0,1.12-.473A10.858,10.858,0,0,1,1754.96,117.248Z" transform="translate(-1737 -98)" />
								</svg>
							</span>
							<span class="sw-after">
								<svg xmlns="http://www.w3.org/2000/svg" width="22.22" height="22.313" viewBox="0 0 22.22 22.313">
									<path id="Light_Theme" data-name="Light Theme" fill="#fff" d="M1752.49,105.511a5.589,5.589,0,0,0-3.94-1.655,5.466,5.466,0,0,0-3.94,1.655,5.61,5.61,0,0,0,3.94,9.566,5.473,5.473,0,0,0,3.94-1.653,5.643,5.643,0,0,0,1.65-3.957A5.516,5.516,0,0,0,1752.49,105.511Zm-1.06,6.85a4.1,4.1,0,0,1-5.76,0,4.164,4.164,0,0,1,0-5.788A4.083,4.083,0,0,1,1751.43,112.361Zm7.47-3.662h-2.27a0.768,0.768,0,0,0,0,1.536h2.27A0.768,0.768,0,0,0,1758.9,108.7Zm-10.35,8.12a0.777,0.777,0,0,0-.76.769v2.274a0.777,0.777,0,0,0,.76.767,0.786,0.786,0,0,0,.77-0.767v-2.274A0.786,0.786,0,0,0,1748.55,116.819Zm7.85-.531-1.62-1.624a0.745,0.745,0,0,0-1.06,0,0.758,0.758,0,0,0,0,1.063l1.62,1.625a0.747,0.747,0,0,0,1.06,0A0.759,0.759,0,0,0,1756.4,116.288ZM1748.55,98.3a0.777,0.777,0,0,0-.76.768v2.273a0.778,0.778,0,0,0,.76.768,0.787,0.787,0,0,0,.77-0.768V99.073A0.786,0.786,0,0,0,1748.55,98.3Zm7.88,3.278a0.744,0.744,0,0,0-1.06,0l-1.62,1.624a0.758,0.758,0,0,0,0,1.063,0.745,0.745,0,0,0,1.06,0l1.62-1.624A0.758,0.758,0,0,0,1756.43,101.583Zm-15.96,7.116h-2.26a0.78,0.78,0,0,0-.77.768,0.76,0.76,0,0,0,.77.768h2.26A0.768,0.768,0,0,0,1740.47,108.7Zm2.88,5.965a0.745,0.745,0,0,0-1.06,0l-1.62,1.624a0.759,0.759,0,0,0,0,1.064,0.747,0.747,0,0,0,1.06,0l1.62-1.625A0.758,0.758,0,0,0,1743.35,114.664Zm0-11.457-1.62-1.624a0.744,0.744,0,0,0-1.06,0,0.758,0.758,0,0,0,0,1.063l1.62,1.624a0.745,0.745,0,0,0,1.06,0A0.758,0.758,0,0,0,1743.35,103.207Z" transform="translate(-1737.44 -98.313)" />
								</svg>
							</span>
						</a>

						<!-- menu btn -->
						<a href="#" class="menu-btn">
							<span></span>
							<span></span>
						</a>

						<!-- Menu Full Overlay -->
						<div class="menu-full-overlay">
							<div class="menu-full-container">
								<div class="container">
									<div class="row">
										<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

											<!-- menu full -->
											<div class="menu-full">
												<ul class="menu-full">
													<li class="menu-item">
														<a class="splitting-text-anim-2" data-splitting="chars" href="index.html">首页</a>
													</li>
													<li class="menu-item">
														<a class="splitting-text-anim-2" data-splitting="chars" href="#services-section">工作经历</a>
													</li>
													<li class="menu-item">
														<a class="splitting-text-anim-2" data-splitting="chars" href="#skills-section">技能掌握</a>
													</li>
													<li class="menu-item">
														<a class="splitting-text-anim-2" data-splitting="chars" href="#works-section">项目经验</a>
													</li>
													<li class="menu-item">
														<a class="splitting-text-anim-2" data-splitting="chars" href="#resume-section">个人履历</a>
													</li>
													<li class="menu-item">
														<a class="splitting-text-anim-2" data-splitting="chars" href="#blog-section">证书</a>
													</li>
													<li class="menu-item">
														<a class="splitting-text-anim-2" data-splitting="chars" href="#blog-section">著作</a>
													</li>
													
													<li class="menu-item">
														<a class="splitting-text-anim-2" data-splitting="chars" href="#contact-section">联系方式</a>
													</li>
													<li class="menu-item menu-item-has-children has-children">
														<a class="splitting-text-anim-2" data-splitting="chars">Pages</a>
														<ul class="sub-menu">
															<li class="menu-item">
																<a class="splitting-text-anim-1" data-splitting="chars" href="pages/achievement.html">证书、著作列表</a>
															</li>
															<li class="menu-item">
																<a class="splitting-text-anim-1" data-splitting="chars" href="pages/project.html">项目列表</a>
															</li>
															
															
														</ul>
													</li>
												</ul>
											</div>

											

											<div class="v-line-block"><span></span></div>

										</div>
									</div>
								</div>
							</div>
							<div class="menu-overlay"></div>
						</div>

          </div>
        </div>
      </div>
    </header>

		<!-- Wrapper -->
		<div class="wrapper">

      <!-- Section - Hero Started -->
			<section class="lui-section lui-section-hero lui-gradient-top" id="started-section">
  			<div class="container">

          <!-- Hero Started -->
          <div class="lui-started v-line v-line-left">
    				<div class="section hero-started">
    					<div class="content scrolla-element-anim-1 scroll-animate" data-animate="active">
    						<div class="titles">
    							<div class="lui-subtitle">
    								<span> Hello, <b>my name is</b>
    								</span>
    							</div>
    							<h1 class="title splitting-text-anim-1 scroll-animate" data-splitting="chars" data-animate="active">
    								<span>
    									<b>何</b> 国钒 </span>
    							</h1>
    							<div class="label lui-subtitle"> 
									I am <strong>JavaWeb 全栈工程师</strong><br>
									I am <strong>大数据运维工程师</strong>
    							</div>
								
    						</div>
    						<div class="description">
    							<div>
    								<p>我出生于2000年，性别男，来自吉林长春，尚未定居，是一名中共预备党员。我有着丰富的Java后端开发、前端WEB开发、大数据运维经验，了解行业最新的技术体系，具有优秀的职业素养 </p>
    							</div>
    							
    						</div>
    						<div class="bts">
    							
								<!-- <a href="#skills-section" class="btn-lnk"> My Skills </a> -->
								<a href="#skills-section" class="btn">
									<span>My Skills</span>
								</a>
								<a href="#works-section" class="btn">
									<span>My Projects</span>
								</a>
    							
    						</div>
    					</div>
    					<div class="slide scrolla-element-anim-1 scroll-animate" data-animate="active">
    						<img decoding="async" src="assets/images/hgf22.png" alt="&lt;b&gt;Zoé&lt;/b&gt; Miller" >
    						<span class="circle circle-1"></span>
    						<span class="circle img-1" style="background-image: url(assets/images/pat-1.png);"></span>
    						<span class="circle img-2" style="background-image: url(assets/images/pat-2.png);"></span>
    						<span class="circle img-3" style="background-image: url(assets/images/pat-2.png);"></span>
    						<div class="info-list">
    							<ul>
    								<li>
    									<span class="num">2023 </span>
    									<span class="value">计算机—大数据 <strong>本科应届生</strong>
    									</span>
    								</li>
    								<li>
    									<span class="num">10<strong>+</strong></span>
    									<span class="value">Completed <strong>Projects</strong>
    									</span>
    								</li>
    							</ul>
    						</div>
    					</div>
    				</div>
            <div class="lui-bgtitle">
              <span> Java Developer </span>
            </div>
          </div>

        </div>
			</section>

      <!-- Section - Services -->
			<section class="lui-section lui-gradient-bottom" id="services-section">

        <!-- Heading -->
        <div class="lui-heading">
          <div class="container">

  					<div class="m-titles align-center">
  						<h2 class="m-title splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
  							<span> 工作经历 </span>
  						</h2>
  						<div class="m-subtitle splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
  							<span> My <b>Works</b> </span>
  						</div>
  					</div>

          </div>
				</div>

        <!-- Services -->
				<div class="v-line v-line-right">
          <div class="container">

  					<div class="swiper-container js-services scrolla-element-anim-1 scroll-animate" data-animate="active">
  						<div class="swiper-wrapper">
  							<div class="swiper-slide">
  								<div class="services-item">
  									<div class="lui-subtitle">
  										<span> 校外实习工作 </span>
  									</div>
  									<div class="icon"></div>
  									<h5 class="lui-title">
  										<span> 前端开发 &amp; 页面设计 </span>
  									</h5>
  									<div class="lui-text">
										<div id="">
											实习单位：大连X泰科技
										</div>
  										<div> 实习内容：<br>参与完成一个房屋售卖网站的房屋展示页面。技术涉及Vue、HTML、CSS、JavaScript、jQuery、Ajax等</div>
  									</div>
  									<!-- <a href="#pricing-section" class="lnk"> See Pricing </a> -->
  									<!-- <div class="image" style="background-image: url(assets/images/pat-2.png);"></div> -->
  								</div>
  							</div>
  							<div class="swiper-slide">
  								<div class="services-item">
  									<div class="lui-subtitle">
  										<span> 校外实习工作 </span>
  									</div>
  									<div class="icon"></div>
  									<h5 class="lui-title">
  										<span> Java后端开发 </span>
  									</h5>
  									<div class="lui-text">
  										<div id="">
  											实习单位：太原英X科技
  										</div>
  										<div> 实习内容：<br>参与完成一个后台管理系统用户管理模块的功能实现，包含前端页面。技术涉及SpringBoot、SSM、Vue、BootStrap等</div>
  									</div>
  									<!-- <a href="#pricing-section" class="lnk"> See Pricing </a> -->
  									<!-- <div class="image" style="background-image: url(assets/images/pat-2.png);"></div> -->
  								</div>
  							</div>
  							<div class="swiper-slide">
  								<div class="services-item">
  									<div class="lui-subtitle">
  										<span> 在校学生工作 </span>
  									</div>
  									<div class="icon"></div>
  									<h5 class="lui-title">
  										<span> 班委 &amp; 系学生会干部 </span>
  									</h5>
  									<div class="lui-text">
										<div id="">
											任职时间：担任班委4年、系学生干部2年
										</div>
  										<div> 任职详情：<br>本人担任班级权益委员同时兼任安全委员和心理委员，担任理学系学生会权益部部长、理学系心理辅导站学生站长 </div>
  									</div>
  									<!-- <a href="#pricing-section" class="lnk"> See Pricing </a> -->
  									<!-- <div class="image" style="background-image: url(assets/images/pat-2.png);"></div> -->
  								</div>
  							</div>
  							<div class="swiper-slide">
  								<div class="services-item">
  									<div class="lui-subtitle">
  										<span> 在校实验工作 </span>
  									</div>
  									<div class="icon"></div>
  									<h5 class="lui-title">
  										<span> 数据处理 &amp; 数据分析</span>
  									</h5>
  									<div class="lui-text">
										<div id="">
											实验地点：理学系大数据实验室
										</div>
  										<div> 实验内容：<br>使用Hive和Spark进行大量数据的预处理，使用Python和PyTorch训练模型，用来进行数据分析或者进行机器数据识别 </div>
  									</div>
  									<!-- <a href="#pricing-section" class="lnk"> See Pricing </a> -->
  									<!-- <div class="image" style="background-image: url(assets/images/pat-2.png);"></div> -->
  								</div>
  							</div>
  							
  						</div>
  						<div class="swiper-pagination"></div>
  					</div>

						<div class="lui-bgtitle">
							<span> Works </span>
						</div>

					</div>
				</div>

      </section>

      <!-- Section - Skills -->
			<section class="lui-section lui-gradient-center" id="skills-section">

        <!-- Heading -->
        <div class="lui-heading">
          <div class="container">

            <div class="m-titles align-center">
              <h2 class="m-title splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> 技能掌握 </span>
              </h2>
              <div class="m-subtitle splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> My <b>Skills</b> </span>
              </div>
            </div>

          </div>
				</div>

        <!-- Skills -->
				<div class="v-line v-line-left">
          <div class="container">

            <div class="row">
              <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">

                <div class="skills-items">
                  <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name">
                      <span> Java </span>
                    </h6>
                    <div class="text">
                      <div>
                        <p>熟悉Java基础知识，熟悉项目构建和依赖管理工具 Maven，熟悉Git，熟练使用Intellij IDEA，了解 Eclipse</p>
                      </div>
                    </div>
                    <div class="dots">
                      <div class="dot" style="width: 85%;">
                        <span></span>
                      </div>
                    </div>
                    <div class="value">
                      <span class="num">熟悉 <span>85%</span>
                      </span>
                    </div>
                  </div>
                  <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name">
                      <span> SSM </span>
                    </h6>
                    <div class="text">
                      <div>
                        <p>熟悉Spring、SpringMVC、Mybatis，对Mybatis缓存、AOP思想、Spring 事务有一定理解，熟练掌握Restful编程风格</p>
                      </div>
                    </div>
                    <div class="dots">
                      <div class="dot" style="width: 90%;">
                        <span></span>
                      </div>
                    </div>
                    <div class="value">
                      <span class="num">熟悉 <span>90%</span>
                      </span>
                    </div>
                  </div>
                </div>

              </div>
              <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">

                <div class="skills-items">
                  <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name">
                      <span> SpringBoot、SpringCloud </span>
                    </h6>
                    <div class="text">
                      <div>
                        <p>熟悉SpringBoot的起步依赖和自动配置原理熟悉，SpringCloud的 Feign、Gateway以及SpringCloud Alibaba的Nacos等组件</p>
                      </div>
                    </div>
                    <div class="dots">
                      <div class="dot" style="width: 85%;">
                        <span></span>
                      </div>
                    </div>
                    <div class="value">
                      <span class="num">熟悉 <span>85%</span>
                      </span>
                    </div>
                  </div>
                  <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name">
                      <span> SQL </span>
                    </h6>
                    <div class="text">
                      <div>
                        <p>熟悉MySQL、Redis数据库，熟悉JDBC技术，熟悉HBase列式存储数据库，了解Oracle、EhCache数据库</p>
                      </div>
                    </div>
                    <div class="dots">
                      <div class="dot" style="width: 80%;">
                        <span></span>
                      </div>
                    </div>
                    <div class="value">
                      <span class="num">熟悉 <span>80%</span>
                      </span>
                    </div>
                  </div>
                </div>

              </div>
              <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">

                <div class="skills-items">
                  <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name">
                      <span> 前端技术 </span>
                    </h6>
                    <div class="text">
                      <div>
                        <p>熟悉JSP、Thymeleaf模板渲染技术，熟悉Vue，HTML、CSS、JS、jQuery等前端技术，熟悉BootStrap、ECharts组件，熟悉正则表达式</p>
                      </div>
                    </div>
                    <div class="dots">
                      <div class="dot" style="width: 95%;">
                        <span></span>
                      </div>
                    </div>
                    <div class="value">
                      <span class="num">熟悉 <span>95%</span>
                      </span>
                    </div>
                  </div>
                  <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name">
                      <span> 消息中间件 </span>
                    </h6>
                    <div class="text">
                      <div>
                        <p>了解RabbitMQ、Kafka消息队列，了解消息模型、消息持久化及消息确认机制；了解MQ延迟消息的实现</p>
                      </div>
                    </div>
                    <div class="dots">
                      <div class="dot" style="width: 80%;">
                        <span></span>
                      </div>
                    </div>
                    <div class="value">
                      <span class="num"> 了解 <span>70%</span>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
			  
			  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
			    <div class="skills-items">
			      <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
			        <h6 class="name">
			          <span> Linux </span>
			        </h6>
			        <div class="text">
			          <div>
			            <p>熟悉Linux命令、熟悉Docker、熟悉Shell和Scala编程</p>
			          </div>
			        </div>
			        <div class="dots">
			          <div class="dot" style="width: 85%;">
			            <span></span>
			          </div>
			        </div>
			        <div class="value">
			          <span class="num">熟悉 <span>85%</span>
			          </span>
			        </div>
			      </div>
			      <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
			        <h6 class="name">
			          <span> Nginx </span>
			        </h6>
			        <div class="text">
			          <div>
			            <p>了解Nginx，了解反向代理、负载均衡和静态资源管理</p>
			          </div>
			        </div>
			        <div class="dots">
			          <div class="dot" style="width: 70%;">
			            <span></span>
			          </div>
			        </div>
			        <div class="value">
			          <span class="num"> 了解 <span>70%</span>
			          </span>
			        </div>
			      </div>
			    </div>
			  </div>
			  
			  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
			    <div class="skills-items">
			      <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
			        <h6 class="name">
			          <span> 集群 </span>
			        </h6>
			        <div class="text">
			          <div>
			            <p>熟悉Hadoop、Spark、ZooKeeper集群的搭建及体系架构，会使用CDH、HUE</p>
			          </div>
			        </div>
			        <div class="dots">
			          <div class="dot" style="width: 90%;">
			            <span></span>
			          </div>
			        </div>
			        <div class="value">
			          <span class="num">熟悉 <span>90%</span>
			          </span>
			        </div>
			      </div>
			      <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
			        <h6 class="name">
			          <span> 大数据组件 </span>
			        </h6>
			        <div class="text">
			          <div>
			            <p>熟悉Hive、HBase、Flume、Kafka、Sqoop、Oozie、Flink等大数据组件</p>
			          </div>
			        </div>
			        <div class="dots">
			          <div class="dot" style="width: 80%;">
			            <span></span>
			          </div>
			        </div>
			        <div class="value">
			          <span class="num"> 熟悉 <span>80%</span>
			          </span>
			        </div>
			      </div>
			    </div>
			  </div>
			  
			  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
			    <div class="skills-items">
			      <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
			        <h6 class="name">
			          <span> 数仓 </span>
			        </h6>
			        <div class="text">
			          <div>
			            <p>了解Spark on Hive模式及Hive、Hbase调优，了解数仓设计和ETL设计</p>
			          </div>
			        </div>
			        <div class="dots">
			          <div class="dot" style="width: 75%;">
			            <span></span>
			          </div>
			        </div>
			        <div class="value">
			          <span class="num">了解 <span>75%</span>
			          </span>
			        </div>
			      </div>
			      <div class="skills-item scrolla-element-anim-1 scroll-animate" data-animate="active">
			        <h6 class="name">
			          <span> 其他 </span>
			        </h6>
			        <div class="text">
			          <div>
			            <p>了解使用Swagger、Postman进行接口测试，了解SuperSet</p>
			          </div>
			        </div>
			        <div class="dots">
			          <div class="dot" style="width: 70%;">
			            <span></span>
			          </div>
			        </div>
			        <div class="value">
			          <span class="num"> 了解 <span>70%</span>
			          </span>
			        </div>
			      </div>
			    </div>
			  </div>
			  
            </div>

            <div class="lui-bgtitle">
              <span> Skills </span>
            </div>

		</div>
	</div>

      </section>

      <!-- Section - Works -->
			<section class="lui-section lui-gradient-top" id="works-section">

        <!-- Heading -->
        <div class="lui-heading">
          <div class="container">

            <div class="m-titles align-center">
              <h2 class="m-title splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> 项目经验 </span>
              </h2>
              <div class="m-subtitle splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> My <b>Projects</b>
                </span>
              </div>
            </div>

          </div>
				</div>

        <!-- Works -->
				<div class="v-line v-line-right">
          <div class="container">

            <div class="works-box">
              <div class="filter-links scrolla-element-anim-1 scroll-animate" data-animate="active">
                <a href="#" class="lui-subtitle active" data-href=".works-col"> All </a>
                <a href="#" class="lui-subtitle" data-href=".sorting-Java"> Java后端开发 </a>
                <a href="#" class="lui-subtitle" data-href=".sorting-WEB"> 前端开发 </a>
                <a href="#" class="lui-subtitle" data-href=".sorting-BigData"> 大数据运维 </a>
                <a href="#" class="lui-subtitle" data-href=".sorting-DataWarehouse"> 数仓开发 </a>
              </div>
              <div class="works-items works-masonry-items row">
				  
                <div class="works-col col-xs-12 col-sm-12 col-md-12 col-lg-12 sorting-Java ">
                  <div class="works-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <div class="image">
                      <div class="img">
                        <a href="pages/work-project1.html">
                          <img decoding="async" src="assets/images/SpringCloud.jpeg" alt="Zorro" >
                          <span class="overlay"></span>
                        </a>
                      </div>
                    </div>
                    <div class="desc">
                      <span class="category"> Java后端开发 </span>
                      <h5 class="name">
                        购物网站
                      </h5>
                      <div class="text">
                        <p>开发环境 : Idea+JDK1.8+Mysql+Maven <br>
							软件架构 : <br>SpringBoot + SpringCloud + Redis + ES + Nacos + Nginx + MyBatis + Lombok + Thymeleaf</p>
                      </div>
                      <a href="pages/work-project1.html" class="lnk">项目详情</a>
                    </div>
                    <!-- <div class="bg-img" style="background-image: url(assets/images/pat-2.png);"></div> -->
                  </div>
                </div>
                <div class="works-col col-xs-12 col-sm-12 col-md-12 col-lg-12 sorting-Java sorting-WEB ">
                  <div class="works-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <div class="image">
                      <div class="img">
                        <a href="work-single.html">
                          <img decoding="async" src="assets/images/game3.jpg" alt="Gooir" >
                          <span class="overlay"></span>
                        </a>
                      </div>
                    </div>
                    <div class="desc">
                      <span class="category"> Java后端开发，前端开发 </span>
                      <h5 class="name">
                        游戏资讯网站
                      </h5>
                      <div class="text">
                        <p>开发环境 : Idea+JDK1.8+Mysql+Maven <br>
						软件架构 : <br>SpringBoot + SSM + Thymeleaf + Redis + MySQL + LayUI + Vue + jQuery</p>
                      </div>
                      <a href="pages/work-project2.html" class="lnk">项目详情</a>
                    </div>
                    
                  </div>
                </div>
                <div class="works-col col-xs-12 col-sm-12 col-md-12 col-lg-12 sorting-BigData sorting-DataWarehouse ">
                  <div class="works-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <div class="image">
                      <div class="img">
                        <a href="work-single.html">
                          <img decoding="async" src="assets/images/shucang1.png" alt="Explore" >
                          <span class="overlay"></span>
                        </a>
                      </div>
                    </div>
                    <div class="desc">
                      <span class="category"> 大数据运维, 数仓开发 </span>
                      <h5 class="name">
                        <a href="work-single.html">电商数仓</a>
                      </h5>
                      <div class="text">
                        <p> 数据传输层使用的Flume、Kafka，数据存储层HDFS、HBase，资源管理层Yarn，数据计算层Hive数据查询、MapReduce离线计算、Spark streaming实时计算，使用Ooize进行任务调度 </p>
                      </div>
                      <a href="pages/work-project3.html" class="lnk">项目详情</a>
                    </div>
                    
                  </div>
                </div>
                
              </div>
              <div class="load-more-link">
                <a href="pages/project.html" class="btn scrolla-element-anim-1 scroll-animate" data-animate="active">
                  <span>查看更多</span>
                </a>
              </div>
            </div>

            <div class="lui-bgtitle">
              <span> Project </span>
            </div>

					</div>
				</div>

      </section>

      <!-- Section - Resume -->
			<section class="lui-section lui-gradient-bottom" id="resume-section">

        <!-- Heading -->
        <div class="lui-heading">
          <div class="container">

            <div class="m-titles align-center">
              <h2 class="m-title splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> 个人履历 </span>
              </h2>
              <div class="m-subtitle splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> my <b>Resume</b>
                </span>
              </div>
            </div>

          </div>
				</div>

        <!-- History -->
				<div class="v-line v-line-left">
          <div class="container">

            <div class="row">
              <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">

                <h5 class="history-title scrolla-element-anim-1 scroll-animate" data-animate="active">
                  <span> 在校学习经历 </span>
                </h5>
                <div class="history-items">
                  <div class="history-item lui-collapse-item opened scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name lui-collapse-btn active">
                      <span> 太原工业学院 理学系 本科统招 </span>
                    </h6>
                    <div class="history-content">
                      <div class="subname">
                        <span> 数据科学与大数据技术 </span>
                      </div>
                      <div class="date lui-subtitle">
                        <span> 2019 - 2023 </span>
                      </div>
                      <div class="text">
                        <div>
                          <p>太原工业学院位于山西省太原市，是山西省人民政府管理的以工为主，
						  涵盖工、理、经、管、文、法、艺、教八大学科门类的全日制普通本科高校。
						  学校是国家“十三五”应用型本科产教融合发展工程规划项目支持高校。
						  学校创建于1954年，是新中国兴办较早的军工院校之一，是原“兵工七校”之一。
						  数据科学与大数据技术是该校的重点学科。</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="history-item lui-collapse-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name lui-collapse-btn">
                      <span> 学生工作 </span>
                    </h6>
                    <div class="history-content">
                      <div class="subname">
                        <span> 班委四年、系学生干部二年 </span>
                      </div>
                      <div class="date lui-subtitle">
                        <span> 2019 - 2023 </span>
                      </div>
                      <div class="text">
                        <div>
                          <p>本人担任班级权益委员同时兼任安全委员和心理委员，担任理学系学生会权益部部长、理学系心理辅导站学生站长 </p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="history-item lui-collapse-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name lui-collapse-btn">
                      <span> 学业成绩 </span>
                    </h6>
                    <div class="history-content">
                      <div class="subname">
                        <span> 曾获得国家励志奖学金 </span>
                      </div>
                      <div class="date lui-subtitle">
                        <span> 2019 - 2023 </span>
                      </div>
                      <div class="text">
                        <div>
                          <p>曾获得全国大学生算法设计与编程挑战赛金奖，在校期间学业成绩均位于全系前30名</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
              <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">

                <h5 class="history-title scrolla-element-anim-1 scroll-animate" data-animate="active">
                  <span> 校外工作经历 </span>
                </h5>
                <div class="history-items">
                  <div class="history-item lui-collapse-item opened scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name lui-collapse-btn active">
                      <span> 自由职业 </span>
                    </h6>
                    <div class="history-content">
                      <div class="subname">
                        <span> 求职中，尚未定居 </span>
                      </div>
                      <div class="date lui-subtitle">
                        <span> 2023 - <b>Present</b>
                        </span>
                      </div>
                      <div class="text">
                        <div>
                          <p>本人对计算机兴趣十足，经常自主了解学习新技术，熟悉大数据高并发、分布式架构，熟悉Java开发的常见框架，对软件开发、数据分析有浓厚的兴趣，学习范围广，工作积极进取，能够快速的适应各种工作环境，具有良好的组织与沟通能力以及团队精神，为人诚恳，踏实肯干，认真负责，用于面对困难和挑战，爱岗敬业。</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="history-item lui-collapse-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name lui-collapse-btn">
                      <span> 前端开发 &amp; 页面设计 </span>
                    </h6>
                    <div class="history-content">
                      <div class="subname">
                        <span> 大连X泰科技 </span>
                      </div>
                      <div class="date lui-subtitle">
                        <span> 2022 </span>
                      </div>
                      <div class="text">
                        <div>
                          <p>参与完成一个房屋售卖网站的房屋展示页面。技术涉及Vue、HTML、CSS、JavaScript、jQuery、Ajax等</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="history-item lui-collapse-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <h6 class="name lui-collapse-btn">
                      <span> Java后端开发 </span>
                    </h6>
                    <div class="history-content">
                      <div class="subname">
                        <span> 太原英X科技 </span>
                      </div>
                      <div class="date lui-subtitle">
                        <span> 2022 </span>
                      </div>
                      <div class="text">
                        <div>
                          <p>参与完成一个后台管理系统用户管理模块的功能实现，包含前端页面。技术涉及SpringBoot、SSM、Vue、BootStrap等</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
            </div>

            <div class="lui-bgtitle">
              <span> Resume </span>
            </div>

					</div>
				</div>

      </section>

      


      <!-- Section - Blog -->
			<section class="lui-section lui-gradient-top" id="blog-section">

        <!-- Heading -->
        <div class="lui-heading">
          <div class="container">

            <div class="m-titles align-center">
              <h2 class="m-title splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> 证书、著作 </span>
              </h2>
              <div class="m-subtitle splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> my <b>Achievement</b>
                </span>
              </div>
            </div>

          </div>
				</div>

        <!-- Archive -->
				<div class="v-line v-line-right v-line-top">
          <div class="container">

            <div class="works-box">
            	<div class="filter-links scrolla-element-anim-1 scroll-animate" data-animate="active">
            		<a href="#" class="lui-subtitle active" data-href=".works-col"> All </a>
            		<a href="#" class="lui-subtitle" data-href=".sorting-zhengshu"> 证书 </a>
            		<a href="#" class="lui-subtitle" data-href=".sorting-zhuzuo"> 著作 </a>
            
            	</div>
            	<div class="works-items works-masonry-items row">
            		<div class="works-col col-xs-12 col-sm-12 col-md-12 col-lg-12 sorting-zhengshu ">
            			<div class="works-item scrolla-element-anim-1 scroll-animate"
            				data-animate="active">
            
            
            				<div class="">
            					<span>2022年3月29日</span>
            					<h5 class="name">
            						全国大学生算法设计与编程挑战赛金奖
            					</h5>
            					<div id="" class="desc">
            						<span class="category"> 证书 </span>
            					</div>
            					<div class="text">
            						<p> 主办单位是中国未来研究会大数据与数学模型专业委员会，中国科协下属团体，国家一级学会，成立于1979年。
            							竞赛出题模式与“蓝桥杯”、 “ACM-ICPC”、 “CCPC”相同。</p>
            					</div>
            					<img src="assets/images/suanfa1.jpg">
            				</div>
            
            			</div>
            		</div>
            		<div class="works-col col-xs-12 col-sm-12 col-md-12 col-lg-12 sorting-zhuzuo ">
            			<div class="works-item scrolla-element-anim-1 scroll-animate"
            				data-animate="active">
            
            
            				<div class="">
            					<span>2022年11月22日</span>
            					<h5 class="name">
            						基于大数据的医疗可视化分析管理系统
            					</h5>
            					<div id="" class="desc">
            						<span class="category"> 著作 </span>
            					</div>
            					<div class="text">
            						<p> 这是一个软件著作登记，简称医疗可视化分析管理，系统的主要功能包括首页、患病率分析、就诊分析、住院分析、学习机构分析、其他分析等功能。</p>
            					</div>
            					<img src="assets/images/ruanzhu1.jpg">
            				</div>
            
            			</div>
            		</div>
            		<div class="works-col col-xs-12 col-sm-12 col-md-12 col-lg-12 sorting-zhuzuo ">
            			<div class="works-item scrolla-element-anim-1 scroll-animate"
            				data-animate="active">
            
            
            				<div class="">
            					<span>2022年7月22日</span>
            					<h5 class="name">
            						新型实用专利：一种数据采集检测装置
            					</h5>
            					<div id="" class="desc">
            						<span class="category"> 著作 </span>
            					</div>
            					<div class="text">
            						<p> 本实用新型的目的在于提供一种数据采集检测装置，旨在解决现有技术中紫外线检测器与框体是固定的，角度不可调节，不便于对不同角度照射的紫外线进行检测的技术问题。</p>
            					</div>
            					<img src="assets/images/zhuanli1.png">
            				</div>
            
            			</div>
            		</div>
            
            	</div>
            </div>

            <div class="load-more">
              <a href="pages/achievement.html" class="btn scrolla-element-anim-1 scroll-animate" data-animate="active">
                <span>查看更多</span>
              </a>
            </div>

            <div class="lui-bgtitle">
              <span> Achievement </span>
            </div>

					</div>
				</div>

      </section>

      <!-- Section - Contacts -->
			<section class="lui-section lui-gradient-bottom" id="contact-section">

        <!-- Heading -->
        <div class="lui-heading">
          <div class="container">

            <div class="m-titles align-center">
              <h2 class="m-title splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> 联系方式 </span>
              </h2>
              <div class="m-subtitle splitting-text-anim-1 scroll-animate" data-splitting="words" data-animate="active">
                <span> My <b>Contact</b>
                </span>
              </div>
            </div>

          </div>
				</div>

        <!-- Contact -->
				<div class="lui-contacts v-line v-line-left">
          <div class="container">

            <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">

                <div class="numbers-items">
                  <div class="numbers-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <div class="icon">
                      <i aria-hidden="true" class="far fa-map"></i>
                    </div>
                    <div class="title">
                      <span> 地址 </span>
                    </div>
                    <div class="lui-text">
                      <h6> 吉林省长春市 </h6>
                    </div>
                  </div>
                  <div class="numbers-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <div class="icon">
                      <i aria-hidden="true" class="far fa-user"></i>
                    </div>
                    <div class="title">
                      <span> 状态 </span>
                    </div>
                    <div class="lui-text">
                      <h6> 随时可上岗 </h6>
                    </div>
                  </div>
                  <div class="numbers-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <div class="icon">
                      <i aria-hidden="true" class="far fa-envelope"></i>
                    </div>
                    <div class="title">
                      <span> 邮箱 </span>
                    </div>
                    <div class="lui-text">
                      <h6> 1954817114@qq.com </h6>
                    </div>
                  </div>
                  <div class="numbers-item scrolla-element-anim-1 scroll-animate" data-animate="active">
                    <div class="icon">
                      <i aria-hidden="true" class="far fa-address-book"></i>
                    </div>
                    <div class="title">
                      <span> 电话 </span>
                    </div>
                    <div class="lui-text">
                      <h6> +86 13624308158 </h6>
                    </div>
                  </div>
                </div>

              </div>
              <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">

                <div class="contacts-form scrolla-element-anim-1 scroll-animate" data-animate="active">
                  
                  <div class="contacts-form">
                    <form id="cform" method="post">
                      <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                          <div class="group">
                            <label>
                              你的名字 <b>*</b>
                              <input type="text" name="name" >
                            </label>
                          </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                          <div class="group">
                            <label>
                              你的邮箱 <b>*</b>
                              <input type="email" name="email" >
                            </label>
                          </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                          <div class="group">
                            <label>
                              你的来信目的 <b>*</b>
                              <input type="text" name="subject" >
                            </label>
                          </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                          <div class="group">
                            <label>
                              信息主要内容 <b>*</b>
                              <textarea name="message"></textarea>
                            </label>
                          </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 align-right">
                          <div class="terms-label">* 该功能尚未上线，请使用个人信息联系.</div>
                          <a href="#" class="btn" onclick="$('#cform').submit(); return false;">
                            <span>发送</span>
                          </a>
                        </div>
                      </div>
                    </form>
                    <div class="alert-success" style="display: none;">
                      <p>Thanks, your message is sent successfully.</p>
                    </div>
                  </div>

                </div>

              </div>
            </div>

            <div class="lui-bgtitle">
              <span> Contact Me </span>
            </div>

					</div>
				</div>

      </section>

		</div>

		<!-- Footer -->
		<div class="footer">
			<div class="footer__builder">
        <div class="container">
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">

              <div class="social-links scrolla-element-anim-1 scroll-animate" data-animate="active">
                <a target="_blank" rel="nofollow" href="https://github.com/">
                  <svg t="1680532577559" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3393" width="32" height="32"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#4186F5" p-id="3394"></path><path d="M611.944 302.056c0-15.701 2.75-30.802 7.816-44.917a384.238 384.238 0 0 0-186.11 2.956c-74.501-50.063-93.407-71.902-107.975-39.618a136.243 136.243 0 0 0-3.961 102.287 149.515 149.515 0 0 0-39.949 104.806c0 148.743 92.139 181.875 179.961 191.61a83.898 83.898 0 0 0-25.192 51.863c-40.708 22.518-91.94 8.261-115.181-32.058a83.117 83.117 0 0 0-60.466-39.98s-38.871-0.361-2.879 23.408a102.97 102.97 0 0 1 43.912 56.906s23.398 75.279 133.531 51.863v65.913c0 10.443 13.548 42.63 102.328 42.63 71.275 0 94.913-30.385 94.913-42.987V690.485a90.052 90.052 0 0 0-26.996-72.03c83.996-9.381 173.328-40.204 179.6-176.098a164.706 164.706 0 0 1-21.129 1.365c-84.07 0-152.223-63.426-152.223-141.666z" fill="#FFFFFF" p-id="3395"></path><path d="M743.554 322.765a136.267 136.267 0 0 0-3.961-102.289s-32.396-10.445-107.979 39.618a385.536 385.536 0 0 0-11.853-2.956 132.623 132.623 0 0 0-7.816 44.917c0 78.24 68.152 141.667 152.222 141.667 7.171 0 14.222-0.472 21.129-1.365 0.231-5.03 0.363-10.187 0.363-15.509a149.534 149.534 0 0 0-42.105-104.083z" fill="#FFFFFF" opacity=".4" p-id="3396"></path></svg>
                </a>
                <a target="_blank" rel="nofollow" href="https://gitee.com/">
                  <svg t="1680532523262" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2310" width="32" height="32"><path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="2311"></path></svg>
                </a>
                <a target="_blank" rel="nofollow" href="https://www.bilibili.com/">
                  <svg t="1680532643278" class="icon" viewBox="0 0 1129 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3736" width="32" height="32"><path d="M234.909 9.656a80.468 80.468 0 0 1 68.398 0 167.374 167.374 0 0 1 41.843 30.578l160.937 140.82h115.07l160.936-140.82a168.983 168.983 0 0 1 41.843-30.578A80.468 80.468 0 0 1 930.96 76.445a80.468 80.468 0 0 1-17.703 53.914 449.818 449.818 0 0 1-35.406 32.187 232.553 232.553 0 0 1-22.531 18.508h100.585a170.593 170.593 0 0 1 118.289 53.109 171.397 171.397 0 0 1 53.914 118.288v462.693a325.897 325.897 0 0 1-4.024 70.007 178.64 178.64 0 0 1-80.468 112.656 173.007 173.007 0 0 1-92.539 25.75h-738.7a341.186 341.186 0 0 1-72.421-4.024A177.835 177.835 0 0 1 28.91 939.065a172.202 172.202 0 0 1-27.36-92.539V388.662a360.498 360.498 0 0 1 0-66.789A177.03 177.03 0 0 1 162.487 178.64h105.414c-16.899-12.07-31.383-26.555-46.672-39.43a80.468 80.468 0 0 1-25.75-65.984 80.468 80.468 0 0 1 39.43-63.57M216.4 321.873a80.468 80.468 0 0 0-63.57 57.937 108.632 108.632 0 0 0 0 30.578v380.615a80.468 80.468 0 0 0 55.523 80.469 106.218 106.218 0 0 0 34.601 5.632h654.208a80.468 80.468 0 0 0 76.444-47.476 112.656 112.656 0 0 0 8.047-53.109v-354.06a135.187 135.187 0 0 0 0-38.625 80.468 80.468 0 0 0-52.304-54.719 129.554 129.554 0 0 0-49.89-7.242H254.22a268.764 268.764 0 0 0-37.82 0z m0 0" fill="#20B0E3" p-id="3737"></path><path d="M348.369 447.404a80.468 80.468 0 0 1 55.523 18.507 80.468 80.468 0 0 1 28.164 59.547v80.468a80.468 80.468 0 0 1-16.094 51.5 80.468 80.468 0 0 1-131.968-9.656 104.609 104.609 0 0 1-10.46-54.719v-80.468a80.468 80.468 0 0 1 70.007-67.593z m416.02 0a80.468 80.468 0 0 1 86.102 75.64v80.468a94.148 94.148 0 0 1-12.07 53.11 80.468 80.468 0 0 1-132.773 0 95.757 95.757 0 0 1-12.875-57.133V519.02a80.468 80.468 0 0 1 70.007-70.812z m0 0" fill="#20B0E3" p-id="3738"></path></svg>
                </a>
              </div>

            </div>
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
            
              <div class="copyright-text align-center scrolla-element-anim-1 scroll-animate" data-animate="active">
                © 2023 <strong>GuoFan He</strong>. All rights <a href="">GuoFan He@Gitee</a>
              </div>
            
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
            
              <div class="copyright-text align-right scrolla-element-anim-1 scroll-animate" data-animate="active">
                Developed by <strong>BootStrap</strong>
              </div>
            
            </div>
          </div>
        </div>
			</div>
		</div>

	</div>

	<!-- cursor -->
	<!-- <div class="cursor"></div> -->

  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/jquery.validate.min.js"></script>
  <script src="assets/js/bootstrap.js"></script>
  <script src="assets/js/swiper.js"></script>
  <script src="assets/js/splitting.js"></script>
  <script src="assets/js/jarallax.min.js"></script>
  <script src="assets/js/magnific-popup.js"></script>
  <script src="assets/js/imagesloaded.pkgd.js"></script>
  <script src="assets/js/isotope.pkgd.js"></script>
  <script src="assets/js/jquery.scrolla.js"></script>
  <script src="assets/js/skrollr.js"></script>
  <script src="assets/js/jquery.cookie.js"></script>
  <script src="assets/js/typed.js"></script>
  <script src="assets/js/common.js"></script>

</body>
</html>
